<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1">
    <title></title>

    <link href="${pageContext.request.contextPath}/lib/css/layui.css" rel="stylesheet"/>

    <script src="${pageContext.request.contextPath}/lib/lay/modules/element.js"></script>
    <script src="${pageContext.request.contextPath}/lib/layui.all.js"></script>
    <style type="text/css">
        .notes { /*border-top: 3px solid #1AA094;*/
            background: #fff;
            height: 35px;
            line-height: 35px;
        }

        .update p {
            line-height: 30px;
        }

        .layui-form-item {
            margin-top: 35px;
        }
    </style>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.min.js"></script>
</head>
<body>


<div style="padding:10px 5px 0 5px;">

    <div style="line-height:26px;height:26px;margin-bottom:10px;margin-top:20px;">
        <h1 style="font-size:26px;margin-left:30px;">详细信息</h1>
    </div>

    <form class="layui-form" action="">
        <input type="hidden" id="userId" value=""/>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">书名</label>
                <div class="layui-input-inline">
                    <input type="text" value="${borrow.book.bookName}" readonly="readonly"
                           lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">作者</label>
                <div class="layui-input-inline">
                    <input type="text" value="${borrow.book.author}" readonly="readonly"
                           autocomplete="off" id="realname" lay-verify="required"
                           class="layui-input">
                </div>
            </div>


            <div class="layui-inline">
                <label class="layui-form-label">出版社</label>
                <div class="layui-input-inline">
                    <input type="text" value="${borrow.book.publisher.name}" readonly="readonly"
                           lay-verify="identity" placeholder="" autocomplete="off"
                           class="layui-input">
                </div>
            </div>


        </div>


        <div class="layui-form-item">

            <div class="layui-inline">
                <label class="layui-form-label">借阅人</label>
                <div class="layui-input-inline">
                    <input type="text" value="${borrow.user.realName}" readonly="readonly"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">学号</label>
                <div class="layui-input-inline">
                    <input type="tel" value="${borrow.user.studentNum}" readonly="readonly"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-inline">
                <label class="layui-form-label">联系方式</label>
                <div class="layui-input-inline">
                    <input type="tel" id="phone"
                           value="${borrow.user.usersExtra.phone}&nbsp;${borrow.user.usersExtra.address}&nbsp;"
                           readonly="readonly"
                           lay-verify="phone" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">所在班级</label>
                <div class="layui-input-inline">
                    <input type="text" value="${borrow.user.classes.name}" readonly="readonly"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">书籍分类</label>
                <div class="layui-input-inline">
                    <input type="text" value="${borrow.book.category.name}" readonly="readonly"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">剩余数量</label>
                <div class="layui-input-inline">
                    <input type="tel" id="snum" value="${borrow.book.number}" readonly="readonly"
                           autocomplete="off" class="layui-input">
                </div>
            </div>


        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">书籍价格</label>
                <div class="layui-input-inline">
                    <input type="text"  value="${borrow.book.price}" readonly="readonly"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

    </form>
</div>


</body>
</html>

